<!--
 * @Author: windys
 * @Description: 消费 收入记录
 * @Date: 2022-03-18 14:35:01
-->
<template>
  <div style="padding-bottom:50px">
    <ConsumptionList v-if="active==0"></ConsumptionList>
    <IncomeList v-if="active==1"/>
    <van-tabbar v-model="active">
      <van-tabbar-item icon="after-sale"> 消费记录 </van-tabbar-item>
      <van-tabbar-item icon="cash-o">收入记录</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
import { defineComponent, ref } from "vue";
import ConsumptionList from "./comps/ConsumptionList.vue";
import IncomeList from "./comps/IncomeList.vue";
export default defineComponent({
  components: {
    ConsumptionList,
    IncomeList
  },
  setup() {
    const active = ref(0);

    return {
      active,
    };
  },
});
</script>
<style scoped lang='scss'>
</style>